<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>image</title>
  </head>
  <body>
    <!-- 
    1. image 元素用于在 SVG 文档中嵌入图像
    2. image 支持 jpeg/png/svg
    3. image 有 5 个基本属性
      - x: 图像左上角的 x 坐标
      - y: 图像左上角的 y 坐标
      - width: 图像的宽度
      - height: 图像的高度
      - href: 图像的 URL 地址
  -->
    <svg
      width="300"
      height="200"
      viewBox="0 0 300 200"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <image
        height="200"
        width="300"
        x="30"
        y="30"
        href="https://www.w3schools.com/graphics/pulpitrock.jpg"
      />
    </svg>
  </body>
</html>
